<template>
    <div class="text-2xl transition" :style="getWordColor(word)">
        {{ word }}
    </div>
</template>

<script setup lang="ts">
    import { useProgressStore } from "../../store"

    const { getWordColor } = useProgressStore()

    defineProps<{
        word: string
    }>()
</script>
